import 'package:appflutterhomeschool/provider/provider_widget.dart';
import 'package:appflutterhomeschool/res/styles.dart';
import 'package:appflutterhomeschool/route/application.dart';
import 'package:appflutterhomeschool/route/routes.dart';
import 'package:appflutterhomeschool/ui/widgets/letter/letter_widget.dart';
import 'package:appflutterhomeschool/ui/widgets/widgets.dart';
import 'package:appflutterhomeschool/view_model/letter/letter_details_view_model.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

///用户： ninetailedfox
///时间： 2020/6/23
///邮箱： 1037438704@qq.com
///功能： 信件详情
class LetterDetailsPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ProviderWidget<LetterDetailsViewModel>(
      model: LetterDetailsViewModel(context),
      onModelReady: (value) => value.initView(),
      builder: (context, viewModel, child) {
        return Scaffold(
          appBar: AppBar(
            brightness: Brightness.light,
            centerTitle: true,
            elevation: 4,
            leading: IconButton(
              icon: Icon(
                Icons.arrow_back_ios,
                size: ScreenUtil().setSp(40),
                color: Colors.black,
              ),
              onPressed: () => Navigator.pop(context),
            ),
            actions: <Widget>[
              IconButton(
                icon: Icon(Icons.delete,color: Colors.grey,),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.keyboard_arrow_down,color: Colors.grey),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.keyboard_arrow_up,color: Colors.grey),
                onPressed: () {},
              ),
            ],
          ),
          body: Stack(
            children: <Widget>[
              Positioned(
                top: 0,
                left: 0,
                right: 0,
                bottom: ScreenUtil().setWidth(143),
                child: Container(
                  padding: EdgeInsets.only(
                    left: ScreenUtil().setWidth(33),
                    right: ScreenUtil().setWidth(33),
                  ),
                  child: SingleChildScrollView(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Padding(
                          padding:
                              EdgeInsets.only(top: ScreenUtil().setWidth(56)),
                          child: ItemTopWidget(
                              imageUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597352874560&di=1f0f9f94316f3c0f8518f646329ad3b7&imgtype=0&src=http%3A%2F%2Fpic29.nipic.com%2F20130527%2F8786105_134847292000_2.jpg"
                              ,textContent: "提交与：8月12日",className: "王老师"
                            ,),
                        ),
                        Container(
                          width: double.maxFinite,
                          decoration: BoxDecoration(
                              border: Border(
                                  bottom: BorderSide(
                                      color: Colors.grey[100], width: 0.3))),
                          padding: EdgeInsets.only(
                            top: ScreenUtil().setWidth(56),
                            bottom: ScreenUtil().setWidth(56),
                            left: ScreenUtil().setWidth(20),
                          ),
                          margin:
                              EdgeInsets.only(left: ScreenUtil().setWidth(52)),
                          child: Text("发至\t我", style: TextStyles.textGray30),
                        ),
                        Padding(
                          padding:
                              EdgeInsets.only(top: ScreenUtil().setWidth(35)),
                          child: Text(
                            "回复：依依",
                            style: TextStyles.textDark43,
                          ),
                        ),
                        Padding(
                          padding: EdgeInsets.only(
                              top: ScreenUtil().setWidth(70),
                              bottom: ScreenUtil().setWidth(70)),
                          child: Text(
                            "老师太棒了！很受用，谢谢老师",
                            style: TextStyles.textContent37,
                          ),
                        ),
                        Container(color: Colors.grey[100], height: 10),
                        Padding(
                          padding:
                              EdgeInsets.only(top: ScreenUtil().setWidth(56)),
                          child: ItemTopWidget(imageUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597352874556&di=1349eaf72c4b2d64409af46d7af2ba5d&imgtype=0&src=http%3A%2F%2Fdingyue.nosdn.127.net%2F3dI3RPSOI2eBbguqAvd3Tt8qeDZqVfBAIn2RRFktrpNe91512439810577.jpg",className: "依依",textContent: "提交与：8月11日",),
                        ),
                        Container(
                          padding: EdgeInsets.only(
                            top: ScreenUtil().setWidth(56),
                            left: ScreenUtil().setWidth(72),
                            bottom: ScreenUtil().setWidth(56),
                          ),
                          child: Text("发至\t我", style: TextStyles.textGray30),
                        ),
                        Container(color: Colors.grey[100], height: 0.3),
                        Padding(
                          padding: EdgeInsets.only(
                            top: ScreenUtil().setWidth(56),
                            bottom: ScreenUtil().setWidth(56),
                          ),
                          child:
                              Text("标题占位文案", style: TextStyles.textDarkBold43),
                        ),
                        Text(
                          """摘 要：数学科目是高中主课之一，而且也是将来学生在高校中学习多种理论科目的基础，在高中学好数学不但能够帮助学生考取一所优秀的大学，还可以起到培养学生的数学素质能力的效果。要形成一种良好的学习方法就需要教师与学生的共同努力，教师在起到良好引导作用的同时学生也要能够对于学习投入足够多的精力，本文基于此浅析高中数学的学习方法。
关键词：高中；数学；学习方法
任何科目的学习都应当分为知识内容的理解、科目能力的培养以及最后的改错反馈环节。由于高中数学中涉及了许多的繁难知识点以及难以理解的抽象概念，首先在学习的过程中教师应当联系生活的教学模式来加强学生的理解；在数学能力方面，数学核心素养的有效发展是确保学生学习数学效果的重要元素；在反馈思考的过程中，利用错题本和反思记录本也是科学有效的方法。利用将数学的学习分阶段开展学习方法，学生以及教师的学习过程都可以更加有条理。
一、 联系生活的数学学习模式
生活联系的学习方式是目前非常流行的理科学习理念，此种学习模式意在于利用生活中的实际案例来帮助学生理解以及记忆科目中的抽象知识点。学生学习方式的培养离不开教师的引导，所以教师在开展生活联系学习方式的过程中有着重要的作用。高中数学教师通过将课堂与生活相联系，不但能够让学生缓解传统课堂内紧张的学习压力，还可以帮助学生对于知识内容进行更加牢固的理解以及掌握。
比如「排列组合」的学习一直是高中数学内非常重要但是难以突破的知识点，学生们对于排列组合的概念以及公式的理解在传统的教学手段中都不是很令人满意的。但是在某一所实验班级中，一位数学教师就将生活中的实际案例搬到了课堂上，成功的开展了生活情景的教学方式。首先他为学生买来了三个不同的笔记本 A、B、C，然后选取了三名不同的学生甲、乙、丙来选择喜欢的笔记本，并且让学生们通过此过程来计算同有多少种搭配的模式，这种案例在学生的生活中非常常见。首先如果让甲学生第一个做选择，那么他会有三种不同的选择，待甲同学选取结束后，乙同学的选择就剩下了两种，最后丙就只能够选取最后一个，所以不同组合的计算方法就应当是 3×2×1=6。虽说这种案例在学生的生活中极其常见，但是由于在生活里学生很少会运用数学的思考模式对其进行思考。如果教师一旦将这种生活情景带入到课堂内，并带领学生利用数学思维进行思考，学生就可以利用结合生活的思维模式来对于「排列组合」的相关概念以及公式进行更加深刻的了解，并且在日后进行做题的过程中，一旦出现了遗忘的现象，学生也可以马上回忆相关的情境课堂以及生活中的案例来加强记忆。由此可见联系生活的学习模式对于学生在学习以及了解数学概念和公式的过程中起到的帮助作用。 """,
                          style: TextStyles.textGray37,
                        ),
                        //这里是图片列表
                        ListViewWidget(
                          shanchuFujian: false,
                          type: 1,
                          listImage: viewModel.imageUrlList ?? [],
                          onTapIndex: viewModel.deleteIndex,
                        ),
                      ],
                    ),
                  ),
                ),
              ),
              Positioned(
                bottom: 0,
                left: 0,
                right: 0,
                child: LetterEditWidget(
                    onTap: () {
                      //跳转到回复页面
                      Application().navigatePushToPage(
                          context, Routes.replyLetterPage, {});
                    },
                    collection: viewModel.collectionon,
                    collectionOnTap: viewModel.collectionOnTap),
              )
            ],
          ),
        );
      },
    );
  }
}
